<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	<style>
		.table tr{
			background-color:#fef4e8;
		}
		h4{
			color: red;
			border-bottom: 2px solid red;
			width: 120px;
			margin-bottom: 0;
			padding-bottom: 10px;
		}
		#thead{
			background-color: #f3f3f3;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>购物车</h1>
		<hr>
		<h4>全部商品 5</h4>

		<table class="table table-bordered">
		  <thead id="thead">
		    <tr>
		      <th scope="col">商品</th>
		      <th scope="col">名称</th>
		      <th scope="col">单价</th>
		      <th scope="col">数量</th>
		      <th scope="col">小计</th>
		      <th scope="col">操作</th>
		    </tr>
		  </thead>
		  <tbody id="table">
		    <tr>
		      <th scope="row"><img src="img/1.png"></th>
		      <td><img src="img/7.png"> <img src="img/6.png"> 美伦达 赣南脐橙
2017新上市 3斤装 铂金果 <br>颜色：赣南脐橙铂金果 3斤装</td>
		      <td>￥<span class="price">25.80</span></td>
		      <td><input type="text" value="1" class="num"></td>
		      <td>￥<span class="total"></span><br>1.68kg</td>
		      <td><span class="del">删除</span></td>
		    </tr>
		    <tr>
		      <th scope="row"><img src="img/2.png"></th>
		      <td><img src="img/6.png"> Camposol 秘鲁进口精选蓝莓 4盒装 单盒约125g 新鲜水果 <br>颜色：秘鲁蓝莓 4盒装</td>
		      <td>￥<span class="price">46.90</span></td>
		      <td><input type="text" value="1" class="num"></td>
		      <td>￥<span class="total"></span><br>1.25kg</td>
		      <td><span class="del">删除</span></td>
		    </tr>
		    <tr>
		      <th scope="row"><img src="img/3.png"></th>
		      <td><img src="img/6.png"> C欢乐果园 广西青皮芒果2个装 单果约260g以上 新鲜水果 <br>颜色：青皮芒 2粒 尝鲜装</td>
		      <td>￥<span class="price">10.90</span></td>
		      <td><input type="text" value="1" class="num"></td>
		      <td>￥<span class="total"></span><br>0.75kg</td>
		      <td><span class="del">删除</span></td>
		    </tr>
		    <tr>
		      <th scope="row"><img src="img/4.png"></th>
		      <td><img src="img/6.png"> 爱奇果 新疆库尔勒香梨 约2.5kg 当季新果 特技装 <br>颜色：2.5kg单果约120-150g</td>
		      <td>￥<span class="price">39.90</span></td>
		      <td><input type="text" value="1" class="num"></td>
		      <td>￥<span class="total"></span><br>2.6kg</td>
		      <td><span class="del">删除</span></td>
		    </tr>
		    <tr>
		      <th scope="row"><img src="img/5.png"></th>
		      <td><img src="img/6.png">宏辉果蔬 苹果 烟台红富士 12个 单果约75mm 总重约2.1kg <br>颜色：12粒 75mm红富士</td>
		      <td>￥<span class="price">34.90</span></td>
		      <td><input type="text" value="1" class="num"></td>
		      <td>￥<span class="total"></span><br>2.1kg</td>
		      <td><span class="del">删除</span></td>
		    </tr>
		    
		  </tbody>
		</table>
		<div>总价：￥ <span id="all"></span></div>
	</div>

	<script src="script.js"></script>
</body>
</html>